<html xmlns="http://www.w3.org/1999/xhtml" autopagermatchedrules="1">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Simpla Admin | Sign In</title>
    <!--                       CSS                       -->
    <!-- Reset Stylesheet -->
    <link rel="stylesheet" href="resources/css/reset.css" type="text/css" media="screen">
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="resources/css/style.css" type="text/css" media="screen">
    <!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
    <link rel="stylesheet" href="resources/css/invalid.css" type="text/css" media="screen">
    <!-- Colour Schemes
	  
		Default colour scheme is green. Uncomment prefered stylesheet to use it.
		
		<link rel="stylesheet" href="resources/css/blue.css" type="text/css" media="screen" />
		
		<link rel="stylesheet" href="resources/css/red.css" type="text/css" media="screen" />  
	 
		-->
    <!-- Internet Explorer Fixes Stylesheet -->
    <!--[if lte IE 7]>
			<link rel="stylesheet" href="resources/css/ie.css" type="text/css" media="screen" />
		<![endif]-->
    <!--                       Javascripts                       -->
    <!-- jQuery -->
    <script type="text/javascript" src="resources/scripts/jquery-1.3.2.min.js"></script>
    <!-- jQuery Configuration -->
    <script type="text/javascript" src="resources/scripts/simpla.jquery.configuration.js"></script>
    <!-- Facebox jQuery Plugin -->
    <script type="text/javascript" src="resources/scripts/facebox.js"></script>
    <!-- jQuery WYSIWYG Plugin -->
    <script type="text/javascript" src="resources/scripts/jquery.wysiwyg.js"></script>
    <!-- Internet Explorer .png-fix -->
    <!--[if IE 6]>
			<script type="text/javascript" src="resources/scripts/DD_belatedPNG_0.0.7a.js"></script>
			<script type="text/javascript">
				DD_belatedPNG.fix('.png_bg, img, li');
			</script>
		<![endif]-->
    <style type="text/css"></style>
</head>
<body id="login">
    <div id="login-wrapper" class="png_bg">
        <div id="login-top">
            <h1>
                Simpla Admin</h1>
            <!-- Logo (221px width) -->
            <img id="logo" src="resources/images/logo.png" alt="Simpla Admin logo">
        </div>
        <!-- End #logn-top -->
        <div id="login-content">
            <form action="index.html">
            <div class="notification information png_bg">
                <div>
                    Just click "Sign In". No password needed.
                </div>
            </div>
            <p>
                <label>
                    Username</label>
                <input class="text-input" type="text">
            </p>
            <div class="clear">
            </div>
            <p>
                <label>
                    Password</label>
                <input class="text-input" type="password">
            </p>
            <div class="clear">
            </div>
            <p id="remember-password">
                <input type="checkbox">Remember me
            </p>
            <div class="clear">
            </div>
            <p>
                <input class="button" type="submit" value="Sign In">
            </p>
            </form>
        </div>
        <!-- End #login-content -->
    </div>
    <!-- End #login-wrapper -->
    <div id="facebox" style="display: none;">
        <div class="popup">
            <table>
                <tbody>
                    <tr>
                        <td class="tl">
                        </td>
                        <td class="b">
                        </td>
                        <td class="tr">
                        </td>
                    </tr>
                    <tr>
                        <td class="b">
                        </td>
                        <td class="body">
                            <div class="content">
                            </div>
                            <div class="footer">
                                <a href="#" class="close">
                                    <img src="resources/images/closelabel.gif" title="close" class="close_image">
                                </a>
                            </div>
                        </td>
                        <td class="b">
                        </td>
                    </tr>
                    <tr>
                        <td class="bl">
                        </td>
                        <td class="b">
                        </td>
                        <td class="br">
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>
